a{
	color: #000000;
}
a:hover{
	color: #000000;
}
.crrdy_guh{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.crrdy_guh .caddy{
	width: 310px;
	height: 420px;
	background: #F7F7F7;
	border-radius: 8px;
	text-align: center;
	margin: 30px;
	/* box-shadow: 1px 1px 5xp 1px #000; */
}
.crrdy_guh .caddy img{
	/* transform: translateX(-20px); */
	width: 100%;
	transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-moz-transform: scale(1);
	transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
-o-transition: all .3s;
}
.crrdy_guh a:hover img{
	transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-moz-transform: scale(1.1);
}
.crrdy_guh .caddy p{
	color: #666666;
	float: left;
	font-size: 14px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 3px ;
	margin-top: 8px ;
}
.crrdy_guh .caddy span{
	font-weight: bold;
	text-align: left;
	font-size: 20px;
	display: inline-block;
	width: 250px;
}
.crrdy_guh .caddy .caddy_know{
	margin-top: 32px;
	padding-left: 30px;
	display: flex;
	width: 160px;
	color: #babac4;
	font-weight: bold;
	font-size: 18px;
	float: left;
	height: 40px;
	line-height: 40px;
	border: 1px #babac4 solid;
	border-radius: 30px;
	transform: scale(0.8);
}
.crrdy_guh .caddy .caddy_know svg{
	height: 40px;
}

.svg_displacement{
	animation: svg_displacement 0.5s linear forwards;
}
.on_svg_displacement{
	animation: on_svg_displacement 0.5s linear forwards;
}
.img_hij{
	width: 100%;
	height: 206px;
	overflow:hidden;
	border-radius: 8px 8px 0px 0px;
}
@keyframes img_displacement{
	from{
		transform: scale(1,1);
	}
	to{
		transform: scale(1.1,1.1);
	}
}
@keyframes on_img_displacement{
	from{
		transform: scale(1.1,1.1);
	}
	to{
		transform: scale(1,1);
	}
}
@keyframes svg_displacement{
	from{
		transform: translateX(0px);
	}
	to{
		transform: translateX(8px);
	}
}
@keyframes on_svg_displacement{
	from{
		transform: translateX(8px);
	}
	to{
		transform: translateX(0px);
	}
}